<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">租赁管理</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md" ng-controller="FlotChartDemoCtrl">
      <form name="" class="form-horizontal form-validation">
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">租赁编号:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">类别:</label>
                  <div class="col-sm-7">
                    <div class="form-control">
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 车位</label>
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 房屋</label>
                      <button class="btn btn-info">全选</button>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">编号:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">服务区域:</label>
                  <div class="col-sm-7">
                    <select class="form-control" multiple size="1">
                      <option value="">A</option>
                      <option value="">B</option>
                      <option value="">C</option>
                      <option value="">D</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">合约状态:</label>
                  <div class="col-sm-7">
                    <div class="form-control">
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 预订</label>
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 正常</label>
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 欠费</label>
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 过期</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">可用天数:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">交费余额:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">单期租金:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="text" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">租户信息:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-6"><input type="text" name="" class="form-control"></div>
                      <div class="col-sm-6">
                        <div class="nowrap">(姓名、电话)</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">合约到期日:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <button class="btn btn-info">近一周</button>
                <button class="btn btn-info">近一个月</button>
                <button class="btn btn-info">三个月</button>
              </div>
            </div>

          </div>

          <div class="panel-footer  text-right">
            <button class="btn btn-info m-r">&nbsp;&nbsp;重置&nbsp;&nbsp;</button>
            <button class="btn btn-success m-l">&nbsp;&nbsp;查询&nbsp;&nbsp;</button>
          </div>

        </div>
      </form>

      <div class="panel panel-default">

        <div class="panel-heading text-right">
          <button class="btn btn-info">新增</button>
        </div>

        <div class="panel-body">
          <div class="table-responsive">
            <table class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th>序号</th>
                  <th>租赁编号</th>
                  <th>类别</th>
                  <th>编号</th>
                  <th>服务区域</th>
                  <th>服务费类别</th>
                  <th>服务费</th>
                  <th>租金类别</th>
                  <th>单期租金</th>
                  <th>租赁周期</th>
                  <th>合约状态</th>
                  <th>合约开始日</th>
                  <th>合约到期日</th>
                  <th>合约时长</th>
                  <th>交费到期日</th>
                  <th>可用天数</th>
                  <th>交费余额</th>
                  <th>租户房号</th>
                  <th>租户姓名</th>
                  <th>租户电话</th>
                  <th>操作</th>
                </tr>
              </thead>

              <tbody>
                <tr>
                  <td>1</td>
                  <td>1-1-1101</td>
                  <td>车位</td>
                  <td>AX1212</td>
                  <td>地上A</td>
                  <td>1</td>
                  <td>200.00</td>
                  <td>2</td>
                  <td>200.00</td>
                  <td>月</td>
                  <td>正常</td>
                  <td>2017-06-06</td>
                  <td>2017-09-09</td>
                  <td>3个月</td>
                  <td>2017-09-09</td>
                  <td>62</td>
                  <td>500.00</td>
                  <td>12-2-1201</td>
                  <td>张亮</td>
                  <td>15111231235</td>
                  <td>
                    <button class="btn btn-info btn-sm">修改</button>
                    <button class="btn btn-danger btn-sm">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>1</td>
                  <td>1-1-1101</td>
                  <td>车位</td>
                  <td>AX1212</td>
                  <td>地上A</td>
                  <td>1</td>
                  <td>200.00</td>
                  <td>2</td>
                  <td>200.00</td>
                  <td>月</td>
                  <td>正常</td>
                  <td>2017-06-06</td>
                  <td>2017-09-09</td>
                  <td>3个月</td>
                  <td>2017-09-09</td>
                  <td>62</td>
                  <td>500.00</td>
                  <td>12-2-1201</td>
                  <td>张亮</td>
                  <td>15111231235</td>
                  <td>
                    <button class="btn btn-info btn-sm">修改</button>
                    <button class="btn btn-danger btn-sm">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>1</td>
                  <td>1-1-1101</td>
                  <td>车位</td>
                  <td>AX1212</td>
                  <td>地上A</td>
                  <td>1</td>
                  <td>200.00</td>
                  <td>2</td>
                  <td>200.00</td>
                  <td>月</td>
                  <td>正常</td>
                  <td>2017-06-06</td>
                  <td>2017-09-09</td>
                  <td>3个月</td>
                  <td>2017-09-09</td>
                  <td>62</td>
                  <td>500.00</td>
                  <td>12-2-1201</td>
                  <td>张亮</td>
                  <td>15111231235</td>
                  <td>
                    <button class="btn btn-info btn-sm">修改</button>
                    <button class="btn btn-danger btn-sm">删除</button>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="panel-footer">
          <div class="row">
            <div class="col-sm-3">
              <p> 统计信息: 共计15条 </p>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-6 col-sm-12 col-md-6">
              每页显示条数：
              <button class="btn btn-xs btn-info">&nbsp; 15 &nbsp;</button>
              <button class="btn btn-xs btn-info">&nbsp; 30 &nbsp;</button>
            </div>

            <div class="col-xs-6 col-sm-12 col-md-6 text-right">
              <ul class="pagination pagination-md">
                <li>
                  <a href=""><i class="fa fa-chevron-left"></i></a>
                </li>
                <li>
                  <a href="">1</a>
                </li>
                <li>
                  <a href="">2</a>
                </li>
                <li>
                  <a href="">3</a>
                </li>
                <li>
                  <a href="">4</a>
                </li>
                <li>
                  <a href="">5</a>
                </li>
                <li>
                  <a href=""><i class="fa fa-chevron-right"></i></a>
                </li>
              </ul>
            </div>
          </div>
        </div>

      </div>

    </div>
  </div>

</div>